/* \9 after code is for IE */

a{


	cursor: pointer;
}
img{

	cursor: pointer;
}
#loading{
	position:absolute;
	z-index:999999999;
	width:100%;
	height:50px;
	bottom:0;
	background-color:#000;
	color:#fff;
}
#loaded{
	position:absolute;
	z-index:9999999999;
	height:100%;
	background-color:#fff;
	color:#000;
	bottom:0;
}
		

#advertisement{
	color: #FFF;
    position: absolute;
    z-index: 9;
    height: 100%;
    width: 100%;

}
span{

    font-family:"Arial";
}
h3{
	font-family:"Arial";
	color:#FFF;
}

#embedtag{

	cursor: pointer;
}
#adfiletag{

	cursor: pointer;
}
#spinner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/icons/spinner.gif) 50% 50% no-repeat #000;
	

}

article{
    display:block;
}

body{
  background-image: url("background-ihe-new.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: cover;	
color:#FFF;
	background-color:#000000;
	font-family:"Arial";
  -webkit-backface-visibility: hidden;
         zoom:99%;
         zoom:99%;
        zoom:99%;
}
#container {
	width:100%;
	height:100%;
	position:absolute;

}

#video-container {
	position:absolute;

	width: 50%;
	max-height:100%;
}



#slide-container{
	position:absolute;
	margin-left:50%;	

	width: 50%;

}


#video-controls {
	width:99.9%;
	height:50px;
	padding:0;
	position: absolute;
	bottom:0px;
	left: 0px;
	
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#FFFFFF;
	
	
	opacity: 1;		



}


#embed{
	position:absolute;
	border-style:solid;
	border-width:1px;
	background-color:#000;
	width:655px;
	height:400px;
	top:20%;
	margin-left:-50%;
	padding:10px;
	z-index:99999;
	font-family: "Arial";
	color:#FFF;


}
#embedcontent{
	word-wrap:break-word;
	overflow:auto;
	border-style:none;
	border-width:1px;
	width: 100%;
	height: 100%;
	top:0%;
	margin-left:0%;
    padding:10px;
    font-size:10px;
    font-family:"Arial";
	

}
.video{
	position:relative;
}
.video::before{
  content: "";

    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    

    border: solid rgba(255,255,255,.7) 3px;
}
.Slide{
	position:relative;
}
.Slide::before{
  content: "";

    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    

    border: solid rgba(255,255,255,.7) 3px;
}

#embedbtnok{
	
	position:absolute;
	bottom:10px;
	right:10px;

}
#adfile{
	position:absolute;
	border-style:solid;
	border-width:1px;
	background-color:#000;
	width:70%;
	height:50%;
	top:25%;
	left:15%;
	padding:10px;
	z-index:99999;
	font-family: "Arial";
	color:#FFF;
	min-height:200px;
	max-height:300px;


}
#adfilecontent{
	word-wrap:break-word;
	overflow:auto;
	border-style:solid;
	border-width:1px;
	width: 75%;
	height: 40%;
	top:30%;
	margin-left:10%;
    padding:10px;
    font-size:10px;
    font-family:"Arial";
	
	

}



#adfilebtnok{
	
	position:absolute;
	bottom:10px;
	right:10px;

}
#linkcopy{
	position:absolute;
	width: 95%;
	max-width:400px;
	max-height: 180px;
	height:80%;
	border-style:solid;
	border-width:1px;
	background-color:#000;
	padding:10px;
	font-family: "Arial";
	color:#FFF;
	top:-50%;
	margin-left:-50%;
	z-index:99999;
}
#copylink{
	font-family: "Arial";
}
#urlcopy{
	position:absolute;
	width: 95%;
	max-width:400px;
	max-height: 180px;
	height:80%;
	top:-50%;
	margin-left:-50%;
	border-style:solid;
	border-width:1px;
	background-color:#000;
	padding:10px;
	font-family: "Arial";
	color:#FFF;
	z-index:99999;

}
#copyurl{
	font-family: "Arial";
}

#infobuttonok{
	
	position:absolute;
	bottom:10px;
	right:10px;

}
#content{
	overflow:auto;
	border-style:solid;
	border-width:1px;
	width: 70%;
	height: 80%;
	top:15%;
	margin-left:15%;
	color:#FFF;
	font-family: "Arial";
	

}
#content table{
	font-size:12px;
}
textarea {
    width: 100%;
	font-family:"Arial";
}

#slidearrow{
	position:absolute;
	right:0;
	bottom:45%;
	height:10%;
	z-index:9;
}
#tagarrow{
	position:absolute;
	left:0;
	bottom:45%;
	height:10%;
	z-index:9;
}

.text{
	position:absolute;
	z-index:999;
	background-color:#000;
	margin-left:11px;
	margin-top:45px;
	color:#FFF;
	font-family: "Arial";
	font-size:small;
	}
#seconds{
	color:#FFF;
	font-size:15px;
	font-family: "Arial";
	vertical-align:bottom;
}
#totalDisplay{
	color:#FFF;
	font-size:15px;
	font-family: "Arial";
	vertical-align:bottom;
}
#timedisplay{
	vertical-align:bottom;
	color:#FFF;
	font-size:15px;
	font-family: "Arial";
}
#StateMessage{
    color: #FF0000;
    font-family: Arial;
    vertical-align: top;
    margin-left: 2px;
	position:absolute;

}
.firstslide{
	margin-left:14px;
	width:20%;
}
.slidelist{
	position:absolute;
	width:20%;
	margin-left:7px;
	margin-right:7px;
	margin-top:5px;

}
.textslide a:hover{
	margin-left:-100px;
	padding:0;
	background-color:#FFF;
}
	
.textslide{
	margin:0;
	padding:0;
	background-color:#FFF;
}

.video-slider{
	position:relative;
	bottom:0;
	width:100%;
	height:10px;
	background-color:#6e6e6e;

}
.video-progress{
	position:relative;
	bottom:0;

	height:100%;
	background-color:#fff;

}

#advertisementtext{
	text-shadow:	-2px -2px 0 #000, 
					2px -2px 0 #000, 
					-2px 2px 0 #000, 
					2px 2px 0 #000;
	color:#FFF;

}
	 
#PreLoader{
	display:none;

}

#TimeHoverSample {
    position:absolute;
	background-color:#000;
	width:10%;
	bottom:100%;

}


#sharing {
    position:absolute;
	background-color:#000;
	width:65px;
	height:100px;
	bottom:100%;
	border-style:solid;
	border-width:1px;
}

.js article{
  position:absolute;
  left:-9999px;
}
.js article.current{
  position:relative;
  left:0;
}

#sharing ul li a {
		display: block;
		color: #757575; text-decoration: none;
		margin-left:5px;
		margin-right:5px;
        margin-bottom:5px;
	}
	
#sharing ul {
	padding: 0;
	list-style:none; 
	padding:1px;
    margin-top:4px;
}
#sharing ul ul{
	padding: 0;
	list-style:none;
	width:100%;
}

#sharing ul li {
	float: left; 

	position: relative;
}
#sharing ul li a {
	color: #fff;
}	
#sharing ul li a:hover {
	background: #4b545f;
}

#volumebar ul {
	background: #000; padding: 0;
	position: absolute; bottom:75%; 
	list-style:none; left:220px;
}

#volumebar ul li {
	float: left; 
		
	position: relative;
}
#volumebar ul{
	border-right: 1px solid #6b727c;
	border-left	: 1px solid #6b727c;
	border-top: 1px solid #6b727c
}
#volume {

border-bottom	: 1px solid #6b727c;
}


#Cutting {
	position:absolute;
	background-color:#000;
	width:23px;
	bottom:100%;
	border-style:solid;
	border-width:1px;
	right:200px;
	padding:4px;
}


#SelectingLayout {

	position:absolute;
	background-color:#000;
	width:75px;
	height:105px;
	bottom:100%;
	border-style:solid;
	border-width:1px;
}

#SelectingLayout ul li a {
		display: block;
		color: #757575; text-decoration: none;
		margin-left:5px;
		margin-right:5px;
	}
	
#SelectingLayout ul {
	padding: 0;
	list-style:none; 
	margin-bottom: -10px;
}
#SelectingLayout ul ul{
	padding: 0;
	list-style:none;
	width:100%;

}

#SelectingLayout ul li {
	float: left; 		
	position: relative;
}
#SelectingLayout ul li a {
	color: #fff;
}	
#SelectingLayout ul li a:hover {
	background: #4b545f;
}



#slider{
	border-width: 1px;
	border-style: solid;
	border-color: #333 #333 #777 #333;
	border-radius: 25px;
	width: 100%;
	position: absolute;
	height: 13px;
	background-color: #8e8d8d;
	background: url('../images/bg-track.png') repeat top left;
    box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 
    				  0 1px 0 0px rgba(250, 250, 250, .5);
    left: 0px;
	bottom:-5px;
}


#slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 15px;
	height: 15px;
	cursor: pointer;

	background-color:#FFF;
	font-weight: bold;
	color: #1C94C4;
	outline: none;
	border-radius: 20px;
	top: 0px;
	margin-left: -6px;
		/*background: url('../images/handle.png') no-repeat 50% 50%;*/
}
.ui-slider-range {
	background: url('../images/bg.jpg') repeat top left;
	position: absolute;
	border: 0;
	top: 1px;
	height: 100%;
	border-radius: 25px;
}





#volumeslider{
	border-width: 1px;
	border-style: solid;
	border-color: #333 #333 #777 #333;
	border-radius: 25px;
	width: 10px;
	position: absolute;
	height: 80px;
	background-color: #8e8d8d;
	background: url('../images/bg-track.png') repeat top left;
    box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 
    				  0 1px 0 0px rgba(250, 250, 250, .5);
	bottom:100%;
}
.tooltip {
	position: absolute;
	display: block;
	width: 35px;
	height: 20px;
	color: #fff;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif ;
	border-radius: 3px;
	border: 1px solid #333;
    -webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
    box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, .3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -moz-linear-gradient(top,  rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
	bottom:80px;
}
#volumeslider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url('../images/handle.png') no-repeat 50% 50%;
	font-weight: bold;
	color: #1C94C4;
	outline: none;
	left:-5px;
	margin-bottom:-6px;

}
#volumeslider .ui-slider-range {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	position: absolute;
	border: 0;
	left: 0;
	height: 100%;
	border-radius: 25px;
}
.DisplayCutStripe{

	position:absolute;
	height:2px;	
	background-color:#F0D0FF; 
	bottom:10px;
	
	opacity: 0.8;
  filter: alpha(opacity = 80);

}
.DisplayTag{
	background-color:#ff00ff; 
	
	opacity: 0.8;
	filter: alpha(opacity = 80);
}
.DisplayNoteTag{
	background-color:#603AAB; 
	
	opacity: 0.8;
	filter: alpha(opacity = 80);
}



.DisplayAssignmentTag{
	background-color:#ffa500; 
	
	opacity: 0.8;
	filter: alpha(opacity = 80);

}
.DisplayTextTag{
	background-color:#00a404; 
	
	opacity: 0.8;
	filter: alpha(opacity = 80);

}
.DisplayPersonalTextTag{
	background-color:#01ACC6; 
	
	opacity: 0.8;
	filter: alpha(opacity = 80);

}
.DisplayQuestionTag{
	background-color:#ffff00; 
	
	opacity: 0.8;
	filter: alpha(opacity = 80);

}
.TagArrowQuestion{
	width:0px;
	height:0px;
	border-width: 0px 0px 49px 25px;
	border-style: solid;
	border-left-color: #ffff00;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;

}
.TagArrowText{
	width:0px;
	height:0px;
	border-width: 0px 0px 49px 25px;
	border-style: solid;
	border-left-color: #00a404;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;

}
.TagArrowPersonalText{
	width:0px;
	height:0px;
	border-width: 0px 0px 49px 25px;
	border-style: solid;
	border-left-color: #01ACC6;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;

}
.TagArrowAssignment{
	width:0px;
	height:0px;
	border-width: 0px 0px 49px 25px;
	border-style: solid;
	border-left-color: #ffa500;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;

}
.TagArrowNote{
	width:0px;
	height:0px;
	border-width: 0px 0px 49px 25px;
	border-style: solid;
	border-left-color: #603AAB;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;

}
.TagArrow{
	width:0px;
	height:0px;
	border-width: 0px 0px 49px 25px;
	border-style: solid;
	border-left-color: #ff00ff;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;

}
.DisplayTextTagDescription{
	 font-family:"Arial";
	border-color:#00a404;
	position:absolute;
	bottom: 58px;
	height:200px;
	width:300px;
	border-style:solid;
	background-color:#000;
	color:#FFF;
	text-align:center;
	overflow:hidden;
}
.DisplayPersonalTextTagDescription{
	 font-family:"Arial";
	border-color:#01ACC6;
	position:absolute;
	bottom: 58px;
	height:200px;
	width:300px;
	border-style:solid;
	background-color:#000;
	color:#FFF;
	text-align:center;
	overflow:hidden;
}
.DisplayNoteTagDescription{
	 font-family:"Arial";
	border-color:#603AAB;
	position:absolute;
	bottom: 58px;
	height:200px;
	width:300px;
	border-style:solid;
	background-color:#000;
	color:#FFF;
	text-align:center;
	overflow:hidden;
}
.DisplayAssignmentTagDescription{
	 font-family:"Arial";
	border-color:#ffa500;
	position:absolute;
	bottom: 58px;
	height:200px;
	width:300px;
	border-style:solid;
	background-color:#000;
	color:#FFF;
	text-align:center;
	overflow:hidden;
}
.DisplayQuestionTagDescription{
	border-color:#ffff00;
	 font-family:"Arial";
	position:absolute;
	bottom: 58px;
	height:200px;
	width:300px;
	border-style:solid;
	background-color:#000;
	color:#FFF;
	text-align:center;
	overflow:hidden;
}
.DisplayTagDescription{
	border-color:#FF00FF;
	 font-family:"Arial";
	position:absolute;
	bottom: 58px;
	height:200px;
	width:300px;
	border-style:solid;
	background-color:#000;
	color:#FFF;
	text-align:center;
	overflow:hidden;
}
.DisplayAdStripe{

	position:absolute;
	height:2px;	
	background-color:#FF0000; 
	bottom:10px;
	
	opacity: 0.8;
  filter: alpha(opacity = 80);

}